<template>
  <div class="legal-inpcontent">
    <div class="sign-currentpage">
      <div class="sign-currentpage-tl">企业法人授权书</div>
      <div class="sign-currentpage-bd">
        授权书正文
      </div>
    </div>
    <div class="sign-currentpage-ft">
      <button type="button" class="sgin-currentbtn" @click="showInp = true">确认签署</button>
    </div>
    <van-popup class="sign-popup" v-model="showInp" position="bottom" :style="{ height: '30%' }">
      <div class="weui-cell">
        <div class="weui-cell__hd">输入法人手机号</div>
        <div class="weui-cell__bd"><input type="text" placeholder="输入手机号"></div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd">输入验证码</div>
        <div class="weui-cell__bd"><input type="text" placeholder="输入验证码"><button type="button">发送验证码</button></div>
      </div>
      <div class="default-btnwrap" style="margin-top: 20px;">
        <button type="button" class="default-btn" style="width: 35%;" @click="toNextStep">签章</button>
      </div>
    </van-popup>
  </div>
</template>

<script>
  export default {
    name: 'signStepThree',
    data() {
      return {
        showInp: false
      }
    },
    created() {
      this.$parent.activeIndex = 3
    },
    methods: {
      toNextStep() {
        this.$router.push({
          name: 'signStepFour'
        })
      }
    }
  }
</script>

<style scoped>

</style>
